<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Summernote</title>
	<head th:include="header :: header"></head>

	<link th:href="@{/statics/plugins/summernote/summernote.min.css}" rel="stylesheet"/>
	<script th:src="@{/statics/plugins/summernote/summernote.min.js}"></script>
	<script th:src="@{/statics/plugins/summernote/summernote-zh-CN.js}"></script>
</head>
<body>
<div id="summernote"><p>Hello Summernote</p></div>
<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 300,
            minHeight: null,
            maxHeight: null,
            focus: true,
            fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New','宋体'],
            lang: 'zh-CN' // default: 'en-US'
        });
        $('#summernote').summernote('code',"<p>Hello Summernote<img style=\"width: 500px;\" src=\"\" data-filename=\"1.jpg\"></p>");
    });

    $("#bu").bind("click", function(){
        console.log($('#summernote').summernote('code'));
    })
</script>
</body>
</html>